草庐IT

Java ES 滚动查询

全部标签

javascript - 不使用angularjs向下滚动时如何验证表单?

我正在尝试验证名为“同意信息”的页面的表单。在这里,用户必须向下滚动才能向前移动(记住框底部没有复选框,相反用户必须一直向下滚动直到滚动结束),如果用户单击继续/同意按钮而不滚动,必须显示一个div元素/错误,说“需要滚动到信息的底部”(必须是anchor链接,单击它应该用颜色突出显示该框)。这是代码和图片(function(){angular.module('agreeToInfoApp',[]).directive('execOnScrollOnBottom',[function(){return{restrict:'A',link:function(scope,elem,attr

javascript - Initiate Masonry - 在无限滚动和参数搜索之后

AJAX和Masonrygrid有问题.砌体网格很简单,没有在正确的时间启动。在滚动或使用参数搜索转到特定类别之前,效果非常好。可以找到示例站点here.砌体Masonry是一个JavaScript网格布局库。通常与Bootstrap或其他未正确对齐项目的网格系统一起使用。示例:仅自举:引导和砌体:滚动时下一列将添加到旧列之上。提供与unloadedimages几乎相同的输出这使得图像重叠。这通常可以通过使用我已经包含在提供的代码中的imagesLoaded来解决。使用参数搜索时Masonry在AJAX之后没有被解雇。这意味着它根本不起作用。所以柱子在没有砌体的情况下被加载。请参阅sa

javascript - 如何使用 firestore 执行动态 where 查询并添加索引

在我的网站上,我正在进行类似测试的调查,每个测试都有attendies子集合,看起来像这样当有人完成测试时,我也会将他们的uid添加到completed字段,就像我在框中绘制的那样。现在我想根据status==completed查询tests。这是我尝试过的this.completedModulesRef$=this.afs.collection('tests',ref=>ref.orderBy('moduleNum','desc').where('completed.'+auth.uid+'.status','==','completed'));this.completedModul

javascript - 如何使用转换 :translateY() "AngularJS"? 创建垂直滚动条

我正在使用InfiniteScroll在我的应用程序中,我想实现指令中当前不支持的双向滚动效果。我添加了滚动检测方法,它可以发现滚动的向上/向下移动,因此我正在基于此进行计算。我添加了translateY,因此可以轻松添加和删除新元素。因此理想情况下,在向下移动时,应该添加一个新元素,同时应该删除向上的旧元素。滚动不流畅,卡住了。所有元素都是动态的,可以有不同的高度。更新了这个方法handler=function(){varcontainerBottom,containerTopOffset,elementBottom,remaining,shouldScroll,currentPos

reactjs - Firestore 按数组的字段值查询

我正在尝试运行一个简单的查询,我在其中搜索包含对象数组中的值的文档。例如,看看我的数据库结构:我想运行与此类似的查询:db.collection('identites').where("partyMembers","array-contains",{name:"JohnTravolta"})实现此目标的正确方法是什么,甚至可以使用Firestore吗?谢谢。 最佳答案 正如Frank在他的回答中所解释的那样,使用数组包含查询存储在数组中的对象的特定属性是不可能的。但是,有一个可能的解决方法:实际上可以查询整个对象,如下所示,在您的情

javascript - 使 intro.js 工具提示向右强制并使页面滚动

当您在intro.js中添加一个大工具提示时,它会通过执行以下操作来计算是否有空间将工具提示放在顶部、底部、左侧、右侧:/**autodetermineposition*///Checkforspacebelowif(targetElementRect.bottom+tooltipHeight+tooltipHeight>windowSize.height){_removeEntry(possiblePositions,"bottom");}//Checkforspaceaboveif(targetElementRect.top-tooltipHeightwindowSize.widt

javascript - 处理滚动条和 jquery .width() 方法

jQuery的.width()方法似乎没有考虑滚动条。这对我来说是有问题的,因为我想将一些child的宽度设置为等于他们parent的宽度。我使用了类似于以下的jQuery:$('#contentDiv').width($('#containerDiv').width())在这个例子中,#contentDiv是我想要调整大小的元素,我想将它设置为具有#containerDiv的宽度,这是它的父元素。我的问题是这切断了#contentDiv的一侧,如thisfiddle.中所示在我的实际代码中,我有几个使用jQuery调整大小的元素,它们都需要适合可滚动的div,所以只需将#conten

javascript - 如何使同步两个 Divs 滚动位置更平滑

我正在尝试同步两个可滚动的DIVS滚动位置。遵循的方法:Method-1:on-scroll事件设置其他DIV的scrollTop。问题:滚动事件最后执行,UI在iOSSafari中缓慢。Method-2:使用setInterval来同步两个滚动位置。问题:iOS在滚动期间不执行定时器功能,所以滚动位置在最后同步。同样,这更加缓慢。尝试过,许多博客中提到的计时器已修复,但仍然没有优雅。Method-3:尝试自定义滚动条,所以iScroll并尝试在scroll事件上同步两者,问题:这看起来好多了,但在iOS中仍然很慢!!!Method-4:尝试自定义滚动条,所以iScroll并尝试在sc

javascript - 我怎样才能让这个按钮在向下滚动时被点击以无限滚动?

这里的按钮从数据库加载数据。工作良好。LoadMorePosts如何让这个按钮在向下滚动到页面底部时自动被点击。简直就是无限卷轴。我应该使用窗口滚动功能吗?如果是,那么如何在这段代码中做到这一点。我尝试将ajax代码粘贴到此函数中,但没有用。编辑:1.当我将Ajax放入滚动函数时,它在getmore.php中显示mysql错误。2.如果我将带有点击功能的按钮类放在滚动功能中,那么它会触发得太快,以至于多次加载相同的帖子。$(document).scroll(function(){if($(window).scrollTop()+$(window).height()>=$(documen

javascript - 页面在 iPhone 中存在虚拟键盘时向上滚动

我的网站上有一个聊天应用程序页面。主容器在移动设备上占据完整的高度和宽度。容器有position:fixed和里面的3个divposition:absolute。最后一个div#app-msg-composer有一个textarea并像其他聊天应用程序一样在其中发送button。以下是简要代码:Send#app-container{position:fixed;height:100%;width:100%;top:0px;bottom:0px;}#app-header{position:absolute;height:48px;width:100%;top:0px;}#app-body